<template>
  <div class="bottom-contact tc white">
    <p class="des1 fz48">依托橙券，聚焦权益，全面合作</p>
    <p class="des2 fz20">全国服务热线:400-096-xxxx<span>|</span>商务合作专线:156-6806-1789</p>
    <BtnMore borderColor="#fff" :isOrange="false" color="#fff"></BtnMore>
  </div>
</template>

<script setup>
import BtnMore from './btn-more.vue'
defineOptions({
  name: 'ContactPage',
  components: {
    BtnMore
  }
})
</script>

<style lang="scss" scoped>
.bottom-contact {
  padding: 67px 0;
  background: #fff url(@/assets/img/banner-bottom.png) no-repeat center/cover;
  span {
    padding: 0 12px;
  }
}

.des1 {
  padding-top: 34px;
  font-family: '宋体';
  letter-spacing: -2px;
  line-height: 48px;
}
.des2 {
  padding: 24px 0 30px 0;
  line-height: 20px;
}
</style>
